<template>
	<div class="module-block">
		<h4 v-if="!hideTitle">{{ title }}</h4>
		<slot />
	</div>
</template>

<script setup>
import { defineProps } from 'vue'

defineProps({
	title: {
		type: String,
		default: ''
	},
	icon: {
		type: String,
		default: ''
	},
	hideTitle: {
		type: Boolean,
		default: false
	}
})
</script>

<style scoped lang="less">
.module-block {
	background: #fff;
	margin: 12px 24px 24px;
	box-shadow: 0 0 8px 0 rgba(215, 215, 215, .5);
	border-radius: 16px;
	overflow: hidden;
	h4 {
		line-height: 40px;
		padding: 13px 20px;
		font-size: 30px;
		font-weight: 600;
		color: #fff;
		background: var(--van-primary-color);
		//background-image: -webkit-linear-gradient(left, var(--van-primary-color) 0%, #fff 100%);
	}
}
</style>
